<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>教职工</title>
  <link rel="stylesheet" href="./js/layui/css/layui.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/main.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!-- 头部 -->
    <div class="layui-header c-header">
        <span class='icon-menu'></span>
        <div class="layui-logo c-logo">教职工管理系统</div>
        <!-- 头部区域 -->
        <span class='head-line-1'></span>
        <span class='logo-ps'>科讯软件</span>
        <ul class="layui-nav layui-layout-right nav-user">
          <li class="layui-nav-item">
              <a href="javascript:;" class='username'>
              <img src="http://t.cn/RCzsdCq" class="layui-nav-img"></a>
          </li>
          <span class='l-line'>|</span>
          <li class="layui-nav-item layui-nav-item-setting user-setting-btn">
            <span class='icon-setting'></span>
          </li>
          <span class='l-line'>|</span>
          <li class="layui-nav-item layui-nav-item-close sign-out-btn">
            <span class='icon-close'></span>
          </li>
        </ul>
    </div>

    <!-- 主菜单列表 -->
    <div class='c-main-menu-box'>
        <ul>
          <li>
            <span class='menu-icon icon-1'></span>
            <span class='text'>教职工信息</span>
          </li>
          <li>
              <span class='menu-icon icon-2'></span>
              <span class='text'>我的课堂</span>
          </li>
          <li>
              <span class='menu-icon icon-3'></span>
              <span class='text'>我的学习</span>
          </li>
          <li>
              <span class='menu-icon icon-4'></span>
              <span class='text'>我的成绩</span>
          </li>
          <li>
              <span class='menu-icon icon-5'></span>
              <span class='text'>教学技能</span>
          </li>
          <li>
              <span class='menu-icon icon-6'></span>
              <span class='text'>科研探究</span>
          </li>
          <li>
              <span class='menu-icon icon-7'></span>
              <span class='text'>教职工考评</span>
          </li>
          <li>
              <span class='menu-icon icon-8'></span>
              <span class='text'>综合汇总</span>
          </li>
          <li>
              <span class='menu-icon icon-1'></span>
              <span class='text'>系统设置</span>
          </li>
        </ul>
    </div>
  

  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <div class="layui-collapse" lay-accordion>
          <div class="layui-colla-item">
            <h2 class="layui-colla-title">教职工信息</h2>
            <div class="layui-colla-content layui-show">
              <ul>
                <li>基本信息</li>
                <li>基本信息管理</li>
                <li>奖惩信息</li>
                <li>异动情况</li>
              </ul>
            </div>
          </div>
      </div>
    </div>
  </div>
  
  <div class="layui-body">
    <!-- 内容主体区域 -->
    <div style="padding: 15px;">
      <!-- 面包屑   -->
      <span class="layui-breadcrumb" lay-separator=">">
          <a href="">当前位置</a>
          <a href="">教职工信息</a>
          <a href="">基本信息</a>
      </span>


      <div class='basic-info-box'>
          <div  class="upload-img-box" id="upload_img">
            上传图片
          </div>
          <h2><span class='h-line'>|</span>基础信息</h2>
          <div class='ipt-box clearfix'>
            <form action="">
                <div class="ipt-item">
                    <label class="layui-form-label">教职工：</label>
                    <div class="layui-input-block">
                      <input type="text" name="title" required  lay-verify="required" placeholder="请输入工号" autocomplete="off" class=" layui-input">
                      <span class='need' style='color:red'>*</span>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">姓名：</label>
                    <div class="layui-input-block">
                      <input type="text" name="title" required  lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
                      <span class='need' style='color:red'>*</span>
                    </div>
                </div>
                <div style='visibility: hidden' class="ipt-item">
                    
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">身份证号：</label>
                    <div class="layui-input-block">
                      <input type="text" name="title" required  lay-verify="required" placeholder="请输入工号" autocomplete="off" class="layui-input">
                      <span class='need' style='color:red'>*</span>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">性别：</label>
                    <div class="layui-input-block">
                      <input type="text" name="title" required  lay-verify="required" placeholder="请输入工号" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div style='visibility: hidden'  class="ipt-item">
                    
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">政治面貌：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">民族：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">籍贯：</label>
                    <div class="layui-input-block">
                      <input type="text" name="title" required  lay-verify="required" placeholder="请输入工号" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">文化程度：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">毕业院校：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">所学专业：</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required  lay-verify="required" placeholder="请输入专业" autocomplete="off" class="layui-input">
                      </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">婚姻状况：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">健康状况：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">血型：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">户口性质：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">参加工作日期：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">来校日期：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">联系电话：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
                <div class="ipt-item">
                    <label class="layui-form-label">邮箱：</label>
                    <div class="layui-input-block">
                      <select name="city" lay-verify="required">
                        <option value="">请选择</option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                      </select>
                    </div>
                </div>
            </form>    
          </div>
          <h2><span class='h-line'>|</span>职业详情</h2>
          <div class='ipt-box clearfix'>
              <form action="">
                  <div class="ipt-item">
                      <label class="layui-form-label">教职工类别：</label>
                      <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                          <option value="">请选择</option>
                          <option value="0">北京</option>
                          <option value="1">上海</option>
                          <option value="2">广州</option>
                          <option value="3">深圳</option>
                          <option value="4">杭州</option>
                        </select>
                      </div>
                  </div>
                  <div class="ipt-item">
                      <label class="layui-form-label">教职工来源：</label>
                      <div class="layui-input-block">
                          <select name="city" lay-verify="required">
                            <option value="">请选择</option>
                            <option value="0">北京</option>
                            <option value="1">上海</option>
                            <option value="2">广州</option>
                            <option value="3">深圳</option>
                            <option value="4">杭州</option>
                          </select>
                        </div>
                  </div>
                  <div class="ipt-item">
                      <label class="layui-form-label">部门：</label>
                      <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                          <option value="">请选择</option>
                          <option value="0">北京</option>
                          <option value="1">上海</option>
                          <option value="2">广州</option>
                          <option value="3">深圳</option>
                          <option value="4">杭州</option>
                        </select>
                        <span class='need' style='color:red'>*</span>
                      </div>
                  </div>
                  <div class="ipt-item">
                      <label class="layui-form-label">教授年级段</label>
                      <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                          <option value="">请选择</option>
                          <option value="0">北京</option>
                          <option value="1">上海</option>
                          <option value="2">广州</option>
                          <option value="3">深圳</option>
                          <option value="4">杭州</option>
                        </select>
                      </div>
                  </div>
                  <div class="ipt-item">
                      <label class="layui-form-label">教授学科：</label>
                      <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                          <option value="">请选择</option>
                          <option value="0">北京</option>
                          <option value="1">上海</option>
                          <option value="2">广州</option>
                          <option value="3">深圳</option>
                          <option value="4">杭州</option>
                        </select>
                      </div>
                  </div>
                  <div class="ipt-item">
                      <label class="layui-form-label">职称职级：</label>
                      <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                          <option value="">请选择</option>
                          <option value="0">北京</option>
                          <option value="1">上海</option>
                          <option value="2">广州</option>
                          <option value="3">深圳</option>
                          <option value="4">杭州</option>
                        </select>
                      </div>
                  </div>
                  <div class="ipt-item">
                      <label class="layui-form-label">在职情况：</label>
                      <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                          <option value="">请选择</option>
                          <option value="0">北京</option>
                          <option value="1">上海</option>
                          <option value="2">广州</option>
                          <option value="3">深圳</option>
                          <option value="4">杭州</option>
                        </select>
                      </div>
                  </div>
                  <div class="ipt-item">
                      <label class="layui-form-label">是否在编：</label>
                      <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                          <option value="">请选择</option>
                          <option value="0">北京</option>
                          <option value="1">上海</option>
                          <option value="2">广州</option>
                          <option value="3">深圳</option>
                          <option value="4">杭州</option>
                        </select>
                      </div>
                  </div>
              </form>    
          </div>
          <h2><span class='h-line'>|</span>家庭情况</h2>
          <div class='ipt-box clearfix'>
              <form action="">
                  <div class="ipt-item">
                      <label class="layui-form-label">家庭人口：</label>
                      <div class="layui-input-block">
                        <input type="text" name="title" required  lay-verify="required" placeholder="请输入家庭人口" autocomplete="off" class=" layui-input">
                      </div>
                  </div>
                  <div style='width:580px;' class="ipt-item">
                      <label class="layui-form-label">家庭地址：</label>
                      <div  class="layui-input-block">
                        <input style='width:450px;' type="text" name="title" required  lay-verify="required" placeholder="请输入家庭人口" autocomplete="off" class=" layui-input">
                      </div>
                  </div>
                  <div class="ipt-item">
                      <label class="layui-form-label">家庭联系人：</label>
                      <div class="layui-input-block">
                        <input type="text" name="title" required  lay-verify="required" placeholder="请输入家庭联系人" autocomplete="off" class=" layui-input">
                      </div>
                  </div>
                  <div class="ipt-item">
                      <label class="layui-form-label">与本人关系：</label>
                      <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                          <option value="">请选择</option>
                          <option value="0">北京</option>
                          <option value="1">上海</option>
                          <option value="2">广州</option>
                          <option value="3">深圳</option>
                          <option value="4">杭州</option>
                        </select>
                      </div>
                  </div>
                  <div class="ipt-item">
                      <label class="layui-form-label">联系电话：</label>
                      <div class="layui-input-block">
                        <select name="city" lay-verify="required">
                          <option value="">请选择</option>
                          <option value="0">北京</option>
                          <option value="1">上海</option>
                          <option value="2">广州</option>
                          <option value="3">深圳</option>
                          <option value="4">杭州</option>
                        </select>
                      </div>
                  </div>
              </form>
          </div>
          <div class='btn-box'>
            <button class="layui-btn layui-btn-normal">保存</button>
          </div>
    </div>
  </div>
</div>

<!-- 修改密码 -->
<script id='setting_passwd_box_layer' type='text'>
  <div class='setting-passwd-box-layer'>
    <div style='text-align:center;margin:20px 0;'>
      <label style='display:inline-block;width:120px;text-align:left;' for="">原密码：</label>
      <input style='margin-left:10px;padding:5px 10px;' type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="请输入原密码">
    </div>
    <div style='text-align:center;margin:20px 0;'>
      <label style='display:inline-block;width:120px;text-align:left;' for="">新密码：</label>
      <input style='margin-left:10px;padding:5px 10px;' type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="请输入新密码">
    </div>
    <div style='text-align:center;margin:20px 0;'>
      <label style='display:inline-block;width:120px;text-align:left;' for="">确认新密码：</label>
      <input style='margin-left:10px;padding:5px 10px;' type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="请再次输入新密码">
    </div>
  </div>
</script>


<!-- 退出 -->
<script id='close_layer_box' type='text'>
<div class='close-layer-box'>
  <p style='text-align:center;padding:45px;'>是否确认退出？</p>
</div>
</script>


<script src="./js/layui/layui.all.js"></script>
<script src='./js/jquery-3.2.1.min.js'></script>
<script src='./js/jq_extend.js'></script>
<script src='./js/main.js'></script>
<script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
  //执行实例
});
layui.use('upload', function(){
  var upload = layui.upload;
   
  //执行实例
  var uploadInst = upload.render({
    elem: '#upload_img' //绑定元素
    ,url: '/' //上传接口
    ,done: function(res){
      //上传完毕回调
    }
    ,error: function(){
      //请求异常回调
    }
  });
});
main.staffInfo.init();
</script>
</body>
</html>